.comm-head{
    width: 100%;
    min-width: 1358px;
    height: auto;
    margin: 0 auto;
}

.comm-head .head-normal{
    width: 100%;
    max-width: 1358px;
    min-width: 1230px;
    height: 78px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

.head-nav {
    float: left;
    width: 55%;
    height: 78px;
    box-sizing: border-box;
    margin-left: 30px;
    padding-top: 16px;
}

.comm-head .logo {
    float: left;
    width: 132px;
    height: 49px;
    margin-top: 10px;
}

.head-nav-title{
    display: block;
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
}
.comm-head .head-normal .head-nav>li>a{
    display: block;
    width: 100%;
    height: 100%;
}

.head-nav-subtitle{
    display: block;
    color: #aeaeae;
    font-size: 11px;
    margin-top: -1px;
    letter-spacing: 1px;
}

.head-nav>li {
    float: left;
    list-style: none;
    width: 20%;
    height: 78px;
    text-align: center;
}

.head-userinfo-normal {
    float: right;
    width: 244px;
    height: 78px;
    position: relative;
    z-index: 3;
}

.head-userinfo-avatar {
    float: left;
    width: 48px;
    height: 48px;
    position: relative;
    margin-top: 14px;
    line-height: 48px;
    text-align: center;
    font-size: 0;
}

.head-userinfo-avatar>img {
    display: inline-block;
    vertical-align: middle;
    /* *zoom: 1; */
    /* *display: inline; */
    width: 36px;
    height: auto;
    border-radius: 50%;
}

.head-userinfo-avatar>span {
    display: block;
    background-position: -216px -117px;
    width: 48px;
    height: 48px;
    position: absolute;
    top: 0;
    left: 0;
}

.herf-mask {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0;
}

.herf-mask:after {
    content: "\0020";
    display: block;
    width: 100%;
    height: 100%;
    font-size: 1000px;
}

.head-userinfo-brief>.login-unbindarea, .head-userinfo-brief>.unlogin {
    color: #fff;
    font-size: 16px;
    line-height: 42px;
}

.head-userinfo-brief>.login-unbindarea>a, .head-userinfo-brief>.unlogin>a {
    color: #fff3d0;
}

.comm-head a {
    text-decoration: none;
}

.head-userinfo-brief {
    float: left;
    margin-left: 10px;
}

.head-userinfo-brief>.logined {
    color: #cdbe91;
    line-height: 78px;
    font-size: 0;
}

.head-userinfo-brief>.logined>.logined-name {
    font-size: 16px;
    width: auto;
    height: 78px;
    max-width: 135px;
    overflow: hidden;
}

.head-userinfo-brief>.logined>.logined-logout {
    font-size: 14px;
    color: #cdbe91;
    margin-left: 10px;
}

.head-userinfo-brief>.logined {
    color: #cdbe91;
    line-height: 78px;
    font-size: 0;
}

.head-app-normal>a {
    display: inline-block;
    vertical-align: middle;
    /* *zoom: 1; */
    /* *display: inline; */
}

#footWrap .foot_ieg_logo, #footWrap .logo-riot, .act-link, .comm-avatar-border, .comm-icon-phone, .comm-icon-search, .head-app-hover, .head-userinfo-avatar>span, .icon-dsj, .icon-hot, .icon-new, .icon-xx-1, .logined-top .select-area:after, .logo-riot, .logo-tencentgame, .top-act-link, .topfoot-spr, .zm-hover-bg {
    background-image: url(../images/topfoot-spr.png);
    background-size: 405px 178px;
    background-repeat: no-repeat;
}

.comm-icon-phone {
    background-position: -303px -84px;
    width: 16px;
    height: 24px;
}

.head-app-normal {
    float: right;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin: 17px 31px 0 0;
}

.head-search-btn {
    float: right;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin: 17px 12px 0 0;
}

/* .comm-icon-search {
    background-position: -381px -39px;
    width: 21px;
    height: 21px;
} */

.head-search-btn>i {
    display: inline-block;
    vertical-align: middle;
    /* *zoom: 1; */
    /* *display: inline; */
}

.head-app-hover {
    background-position: 0 0;
    width: 211px;
    height: 178px;
    position: absolute;
    top: 68px;
    right: 190px;
    display: none;
}

.head-zm-qrcode {
    display: block;
    width: 120px;
    height: 120px;
    text-align: center;
    line-height: 117px;
    background-color: #fff;
    margin: 22px auto 0 auto;
    border-radius: 10px;
}

.head-zm-qrcode>img {
    display: inline-block;
    vertical-align: middle;
    /* *zoom: 1; */
    /* *display: inline; */
    width: 110px;
    height: 110px;
}

.head-app-hover>.p1 {
    color: #cdbe91;
    font-size: 12px;
    width: 100%;
    margin-top: 10px;
    text-align: center;
}

.head-app-hover>.polo {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    right: -8px;
    bottom: -2px;
}

.head-login-hover {
    position: absolute;
    display: none;
    top: 0;
    right: -38px;
    width: 310px;
    height: auto;
    overflow: hidden;
    background: url(../images/dark70-bg-repeat.png) repeat;
    padding-top: 88px;
}

.head-login-hover .p1, .head-login-hover .p2 {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 0 24px;
    font-size: 12px;
    color: #848383;
    text-align: center;
}

.logined-top {
    width: 100%;
    height: 24px;
    line-height: 24px;
    box-sizing: border-box;
    padding: 0 12px;
}

.logined-top .select-area {
    float: left;
    width: auto;
    padding-left: 10px;
    background-color: #2f2d2d;
    color: #848383;
    font-size: 12px;
    text-align: left;
    position: relative;
}

.logined-top .user-name {
    text-align: left;
    float: right;
    width: auto;
    max-width: 154px;
    height: 24px;
    font-size: 16px;
    color: #cdbe91;
}

.logined-ul {
    width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    padding-left: 10px;
}

.logined-ul .user-rank .img-wrap {
    width: 100%;
    height: 90px;
    text-align: center;
    line-height: 100px;
}

.logined-ul .user-rank .a1 {
    color: #cdbe91;
    font-size: 16px;
    line-height: 24px;
}

.logined-ul .user-rank .a2 {
    color: #848383;
    font-size: 12px;
}

.logined-ul .user-datalist .a1 {
    font-size: 20px;
    line-height: 24px;
    color: #cdbe91;
}

.logined-ul .user-datalist .a2 {
    font-size: 12px;
    color: #848383;
}

/* 这些有点像公共样式 */
.logined-ul .user-datalist {
    width: 100px;
    height: 67px;
    text-align: center;
    padding-top: 22px;
    box-sizing: border-box;
}
.logined-ul .user-datalist {
    width: 100px;
    height: 67px;
    text-align: center;
    padding-top: 22px;
    box-sizing: border-box;
}
/* 底部 */


.logined-ul .user-datalist .a2 {
    font-size: 12px;
    color: #848383;
}

.head-login-hover .p1, .head-login-hover .p2 {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 0 24px;
    font-size: 12px;
    color: #848383;
    text-align: center;
    margin-top: 14px;
}

.head-login-hover .href-gouserhome {
    display: block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background-color: #000;
    margin-top: 20px;
}

.more-arrow, .more-arrow-1, .more-arrow-2 {
    display: inline-block;
    vertical-align: middle;
    /* *zoom: 1; */
    /* *display: inline; */
    margin: -2px 0 0 5px;
    margin-top: -2px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
    animation: 1.5s linear infinite;
    -webkit-animation: 1.5s linear infinite;
}

.more-arrow {
    background-position: -213px -126px;
    width: 15px;
    height: 9px;
}

.head-nav-sub {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
    background: url(../images/dark60-bg-repeat.png) repeat;
    padding: 88px 0 32px 0;
    z-index: 2;

}

.head-nav-sub .head-nav-sub-inner {
    width: 100%;
    max-width: 1358px;
    min-width: 1230px;
    height: auto;
    margin: 0 auto;
}

.head-nav-sub ul {
    width: 55%;
    overflow: hidden;
    margin-left: 161px;
}

.head-nav-sub ul>li {
    list-style: none;
    width: 20%;
    float: left;
    height: auto;
    overflow: visible;
}

.head-nav-sub-a{
    display: block;
    width: 100%;
    height: 29px;
    overflow: hidden;
    line-height: 29px;
    color: #e1e1e1;
    font-size: 14px;
    text-align: center;
}

.icon-hot {
    background-position: -347px -84px;
    width: 14px;
    height: 14px;
}

.comm-head .icon-hot, .comm-head .icon-new {
    display: inline-block;
    vertical-align: middle;
    /* *zoom: 1; */
    /* *display: inline; */
    width: 14px;
    height: 14px;
    margin: -2px 2px 0 0;
}

.comm-head a {
    text-decoration: none;
}

/* .comm-head .icon-hot, .comm-head .icon-new {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin: -2px 2px 0 0;
} */

.icon-new {
    background-position: -381px -65px;
    width: 14px;
    height: 14px;
}

.search-hover-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 78px;
    overflow: visible;
    background-color: #081322;
    z-index: 11;
    display: none;
}

.search-hover-wrap>.search-hover-inner {
    min-width: 1230px;
    max-width: 1358px;
    height: 78px;
    margin: 0 auto;
    position: relative;
    /* z-index: 11; */
    /* display: block; */
    /* display: none; */
}

.search-hover-wrap .btn-search {
    float: right;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin: 17px 327px 0 0;
}

.search-hover-wrap .btn-search>i {
    display: inline-block;
    vertical-align: middle;
    /* *zoom: 1; */
    /* *display: inline; */
}

.comm-icon-search {
    background-position: -381px -39px;
    width: 21px;
    height: 21px;
}

.search-hover-wrap .input-search {
    float: right;
    width: 368px;
    height: 40px;
    line-height: 40px;
    background-color: #081322;
    box-sizing: border-box;
    padding-left: 5px;
    color: #fff;
    font-size: 16px;
    margin: 19px 200px 0 0;
    border: none;
}

.search-hover-wrap .btn-close-search {
    float: right;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin: 17px 6px 0 0;
}

.search-hover-wrap .btn-close-search>i {
    display: inline-block;
    vertical-align: middle;
    /* *zoom: 1; */
    /* *display: inline; */
}

.icon-xx-1 {
    background-position: -324px -84px;
    width: 18px;
    height: 18px;
}

.search-hover-bottom {
    display: none;
    position: absolute;
    top: 78px;
    left: 389px;
    width: 500px;
    height: auto;
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.7);
}

.search-hover-bottom .hover-bottom-s1 {
    display: block;
    height: 40px;
    line-height: 40px;
    color: #a4a6a9;
    font-size: 12px;
    padding: 0 20px;
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 20px;
    box-sizing: border-box;
}

.search-hover-bottom .hover-bottom-s2 {
    display: block;
    float: right;
    height: 40px;
    line-height: 40px;
    color: #a4a6a9;
    font-size: 12px;
    padding: 0 20px;
    box-sizing: border-box;
}


/* <!--官网通用页头 end-->
<!--头部广告 start--> */
.comm-topact {
    width: 100%;
    min-width: 1230px;
    height: 360px;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    background: center top no-repeat;
    -webkit-transition: height .6s,background,.6s;
    transition: height .6s,background,.6s;
    top: -78px;
}

/* .cimm-topacta{
    text-decoration: none;
} */

.topact-small-img {
    -webkit-transition: opacity .6s;
    transition: opacity .6s;
    opacity: 1;
}

.topact-big-img, .topact-small-img {
    position: absolute;
    left: 50%;
    top: 0;
    width: 1920px;
    height: 100%;
    margin-left: -960px;
}



.comm-topact .dark-mask {
    width: 100%;
    height: 131px;
    position: relative;
    left: 0;
    top: 0;
    background: url(../images/dark-jianbian-repeatx-0.png) repeat center top;
    z-index: 1;
}

.comm-topact-inner {
    width: auto;
    max-width: 1358px;
    min-width: 1230px;
    height: 100%;
    position: relative;
    margin-top: -127px;
    margin-left: 280px;
}

.top-act-link {
    -webkit-transition: bottom .6s,background .3s;
    transition: bottom .6s,background .3s;
    display: block;
    position: absolute;
    z-index: 1;
    left: 50%;
    margin-left: -77px;
    bottom: 32px;
    background-position: -216px -39px;
    width: 160px;
    height: 40px;
    font-size: 0;
    -webkit-transition: filter .5s;
    transition: filter .5s;
    filter: brightness(1);
    -webkit-filter: brightness(1);
}

.top-version {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 28px;
    font-size: 14px;
    color: #888787;
}

.top-version em {
    color: #f5d185;
    margin-right: 10px;
}

.top-version-link {
    display: inline-block;
    padding: 0 15px;
    height: 22px;
    border: 2px solid #f5d185;
    text-align: center;
    line-height: 22px;
    background: #000;
    background: rgba(0,0,0,.65);
    font-size: 12px;
    color: #f5d185;
    -moz-border-image: -moz-linear-gradient(top,#6b5024 0,#b88d35 100%);
    -webkit-border-image: -webkit-linear-gradient(top,#6b5024 0,#b88d35 100%);
    border-image: linear-gradient(to bottom,#6b5024 0,#b88d35 100%);
    border-image-slice: 1;
    -webkit-transition: filter .5s;
    transition: filter .5s;
    filter: brightness(1);
    -webkit-filter: brightness(1);
}

.top-version-link:hover {
    filter: brightness(1.15);
    -webkit-filter: brightness(1.15);
}

.top-act-link:hover {
    filter: brightness(1.15);
    -webkit-filter: brightness(1.15);
}

.top-version-link:hover {
    background: #111;
    background: rgba(0,0,0,.9);
    /* text-decoration: none; */
}


/* <!--官网通用页头 end-->
<!--头部广告 start--> */
.g-zoombox {
    width: 100%;
    min-width: 1358px;
    height: auto;
    /* min-height: 1115px; */
    margin: 0 auto;
    background-color:#eee;
    position: relative;
    top: -78px;
}

.g-index-wrap1 {
    width: 1358px;
    height: auto;
    margin: 0 auto;
    padding: 40px 0 80px 0;
    *zoom: 1;
    min-height: 1000px;
    /* background-color: #eee; */
}
/* <!--首页滚动图--> */
.m-promo {
    float: left;
    width: 820px;
    height: 380px;
    overflow: hidden;
    background-color: #e3e2e2;
    position: relative;
}

element.style {
    width: 4100px;
    margin-left: -1640px;
}

.promo-img-list {
    width: auto;
    height: 340px;
    overflow: hidden;
    position: relative;
}

.promo-img-list>li {
    list-style: none;
    float: left;
    width: 820px;
    height: 340px;
    overflow: hidden;
    /* display: none; */
}

.promo-img-list>li.current{
    display: block;
}

.promo-title-list {
    width: 820px;
    height: 40px;
    overflow: hidden;
}

.promo-title-list>span {
    list-style: none;
    float: left;
    width: 164px;
    height: 40px;
    box-sizing: border-box;
    background-color: #f5d185;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    color: #424242;
    letter-spacing: 1px;
    /* display: none; */
}

.promo-title-list>span.selected {
    color: #ab8e66;
    background-color: #f7f6f6;
    border-bottom: 2px #cea861 solid;
    /* display: none; */
}


/* <!--新闻公告--> */
.m-news {
    width: 496px;
    height: 380px;
    overflow: hidden;
    float: right;
}
/* .m-news>a{
    text-decoration: none;
} */
/* <!--新闻公告tab-title--> */
.m-news .part-top-tab {
    width: 496px;
    height: 35px;
    overflow: visible;
    box-sizing: border-box;
    border-bottom: 1px #e0e2e2 solid;
}

.m-news .part-tab-title {
    width: 596px;
    height: 35px;
    left: 0;
}

.m-news .part-tab-title>li {
    font-size: 18px;
    line-height: 24px;
    margin-right: 74px;
}

/* <!--新闻公告tab-content--> */
.new-tab-content {
    width: 496px;
    /* display: none; */
    height: 345px;
}

.new-tab-content>ul{
    width: 496px;
    height: 305px;
    position: relative;
    display: none;
}

.new-tab-content>ul.current1{
    display: block;
}

.new-tab-content-ul>.first>.item-href:hover {
    color: #bb9a6c;
}

.newsitem.amusement>.item-href:hover {
    color: #e9852d;
}
.newsitem {
    list-style: none;
    width: 496px;
    height: 40px;
    line-height: 39px;
    overflow: hidden;
    box-sizing: border-box;
    border-top: 1px #e0e2e2 solid;
    text-align: left;
    font-size: 0;
}
.btn-morenews {
    display: block;
    width: 496px;
    height: 40px;
    background-color:#ffdb8b;
    line-height: 40px;
    text-align: center;
}
.btn-morenews>a{
    /* display: block!important; */
    text-decoration: none;
}

.btn-morenews>.c1 {
    font-size: 14px;
    color: #676767;
}

.btn-morenews>.c2 {
    font-size: 14px;
    color: #7ea1a6;
}

.more-arrow {
    background-position: -213px -126px;
    width: 15px;
    height: 9px;
}



.btn-morenews:hover>i {
    animation-name: arrowanim;
    -webkit-animation-name: arrowanim;
}
/* 选项卡的 */
.new-tab-content-ul>.current{
    display:block;
}

.new-tab-content{
    width: 496px;
    height: 345px;
}
.new-tab-content-ul>li>a{
    text-decoration: none;
}

.new-tab-content-ul>.first{
    list-style:none;
    /* list-style-position: initial;
    list-style-image: initial;
    list-style-type: none; */
    background-position: 0 -458px;
    /* background-position-x: 0px;
    background-position-y: -458px; */
    width: 496px;
    height: 59px;
    overflow: hidden;
    /* overflow-x: hidden;
    overflow-y: hidden; */
    line-height: 59px;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    box-sizing: border-box;
    /* padding: 0 12px;
    padding-top: 0px;
    padding-right: 12px;
    padding-bottom: 0px;
    padding-left: 12px; */
    text-overflow: ellipsis;
    white-space: normal;
    color: #0da0b4;
}

.newsitem{
    list-style: none;
    /* list-style-position: initial;
    list-style-image: initial;
    list-style-type: none; */
    width: 496px;
    height: 40px;
    line-height: 39px;
    overflow:hidden;
    /* overflow-x: hidden; */
    /* overflow-y: hidden; */
    box-sizing: border-box;
    border-top: 1px #e0e2e2 solid;
    border-top-width: 1px;
    border-top-style: solid;
    /* border */
}

.newsitem>.item-href{
    display: inline-block;
    vertical-align: middle;
    width: 370px;
    height: 39px;
    overflow: hidden;
    margin-left: 20px;
    color: #424242;
    font-size: 14px;
    letter-spacing: 1px;
    text-overflow: ellipsis;
    white-space: nowrap;            
}           

.newsitem>.item-time{           
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 39px;
    overflow: hidden;
    text-align: right;
    font-size: 14px;
    color: #9d9d9d;
    margin-left: 18px;
}

.newsitem.tutorial>.item-type{
    color: #4ba36a;
    border: 1px #4ba36a solid;
}
.newsitem.amusement>.item-type{
    color: #e9852d;
    border: 1px #e9852d solid;
}    
.new-tab-content-ul>.first>.item-href{
    color: #0da0b4;
}
.newsitem.inform>.item-type{
    color: #bb9a6c;
    border: 1px #c5ab86 solid;
}
.newsitem.news>.item-type{
    color: skyblue;
}

/* <!--热门活动--> */
.m-act{
    width: 820px;
    height: 335px;
    float: left;
    margin-top: 50px;
    /* border: 1px solid red; */
}
.part-top-tab{
    width: 100%;
    height: 35px;
    /* overflow: visible; */
    overflow-x: visible;
    overflow-y: visible;
    /* background-color: skyblue; */
    position: relative;
}
/* .part-h2-title{
    position: absolute;
    width: auto;
    height: 28px;
    top: 5px;
    left: -6px;
    font-size: 24px;
    box-sizing: border-box;
    color: #0b0b0b;
    line-height: 28px;
    font-weight: 400;
}
.part-h2-title::before{
    content:'\0020';
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 28px;
    background-color: #1da6ba;
    margin-right: 10px;
} */
.m-act .part-tab-title{
    width: 692px;
    /* border: 1px solid red; */
}
.m-act .part-tab-title>li{
    margin-right: 40px;
}
.m-act-list{
    width: 820px;
    height: 278px;
    margin-top: 21px;
    /* border: 1px solid darkblue; */
}
.m-act-list>ul{
    width: 840px;
    height: 278px;
    position: relative;
    /* background-color: rebeccapurple; */
    /* border: 1px solid firebrick; */
    display: none;
    margin-bottom: 5px;
}
.m-act-list>ul>li>a{
    text-decoration: none;
}
.m-act-list>ul.current{
    display: block;
}
.m-act-list .act-item{
    margin:0;
    margin-right:16px;
}
.act-item{
    list-style: none;
    float: left;
    width: 193px;
    height: 278px;
    overflow: hidden;
    position: relative;
    background-color: #fefefe;
    /* background-color: beige; */
}
.acr-item>img{
    display: block;
    width: 193px;
    height: 207px;
}
.acr-item>p{
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    padding: 6px 10px 4px 10px;
    /* padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 4px;
    padding-left: 10px */
    font-size: 14px;
    color: #424242;
    text-align: left;
}
.acr-item>.overtime{
    position: absolute;
    font-size: 12px;
    color: #1da6ba;
    left: 10px;
    bottom: 6px;
}

.icon-new-1{
    background-position: -301px -46px;
    width: 29px;
    height: 14px;
}
.act-item>.icon-new-1{
    position: absolute;
    right: 10px;
    bottom: 8px;
}
/* <!--游戏功能导航--> */
.m-gamefunc-nav{
    width: 496px;
    height: 335px;
    float: right;
    margin-top: 50px;
    position: relative;
    /* border: 1px solid black; */
}
.m-gamefunc-nav>{
    float: left;
    list-style:none;
}
.herf-download{
    float: left;
    width: 366px;
    overflow: hidden;
    background-image: url(../images/pic-download.png);
    -webkit-transition: filter .5s;
    transition: filter .5s;
    transition-property: filter;
    transition-duration:0.5s;
    transition-timing-function: ease;
    transition-delay: 0s;
    filter: brightness(1);
    -webkit-filter: brightness(1);
    position: relative;
}
.herf-download>video{
    display: block;
    width: 366px;
    height: 168px;
}
.slide-nav-ul>li{
    float: left;
    list-style: none;
}
.slide-nav-ul>li>a{
    text-decoration: none;
}
.m-gamefunc-nav .p1{
    margin-left: 12px;
}
.btn-flashmen{
    float: left;
    background-position: -193px -316px;
    width: 118px;
    height: 76px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    line-height: 76px;
    overflow: hidden;
    position: relative;
}
.btn-flashmen .inner-hover{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
    height: 100%;
    overflow: hidden;
    background-color: #eee;
}
.btn-flashmen .inner-hover>a{
    float: left;
    width: 60px;
    box-sizing: border-box;
    border-right: 1px rgb(240, 222, 222) solid;
    color: #424242;
    font-size: 12px;
    line-height: 30px;
}
.btn-flashmen .inner-hover>a>i{
    display: block;
    margin: 18px auto 0 auto;
}
.icon-zhiyin{
    background-position: -244px -72px;
    width: 20px;
    height: 22px;
}
.icon-gift{
    background-position: -285px -99px;
    width: 19px;
    height: 21px; 
}
.m-gamefunc-nav .p2{
    margin:17px 0 0 12px;   
}

.herf-type-0{
    float: left;
    background-position:  -193px -316px;
    width: 118px;
    height: 76px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height:76px;
    text-align: center;
    transition: filter .5s;
    /* transition-property: filter;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    transition-delay: 0s;
    filter:brightness(1);
    -webkit-filter:brightness(1); */
}
.m-gamefunc-nav.p2{
    margin:15px 16px 0 0;   
}
.m-gamefunc-nav .herf-type-1{
    position: relative;
}
.herf-type-1{
    float: left;
    width: 112px;
    height: 68px;
    color: #424242;
    text-align: center;
    line-height: 68px;
    background-color: #fff;
    /* background-color: #fff; */
    -webkit-transition: box-shadow .2s;
    transition: box-shadow .2s;
    /* transition-property:box-shadow;
    transition-duration: 0.2s;
    transition-timing-function: ease;
    transition-delay: 0s; */
}
.icon-kh{
    background-position: -316px -12px;
    width: 22px;
    height: 20px;
    /* margin-top: -4px; */
}
.m-gamefunc-nav .p3{
    margin: 15px 16px 0 0;
}
.icon-fhcx{
    background-position: -219px -72px;
    width: 20px;
    height: 22px;
}
.icon-yxzl{
    background-position: -343px -12px;
    width: 23px;
    height: 19px;
}
.m-gamefunc-nav .p4{
   margin-top: 15px;
}
.icon-xgzd{
    background-position: -193px -72px; 
    width: 21px;
    height: 22px;
}
.icon-tft{
    background-position: -280px -125px;
    width: 22px;
    height: 19px;
}
.m-gamefunc-nav .icon-new-1{
    position: absolute;
    left: 0;
}
.icon-new-1{
    background-position: -301px -46px;
    width: 29px;
    height: 14px;
}
.icon-101{
    background-position: -371px -12px;
    width: 22px;
    height: 19px;
}
.icon-yz{
    background-position: -274px -46px;
    width: 22px;
    height: 19px;
}
.icon-wxbd{
    background-position: -193px -46px;
    width: 22px;
    height: 19px;
}

.m-act-list .act-item:hover{
    margin-top: -10px;
    /* transition-delay: 1000ms */
}

/* <!--新英雄新皮肤--> */
.m-new-championskin{
    float: left;
    width: 820px;
    height: 254px;
    margin-top: 51px;
    /* border: 1px solid red; */
}
.m-new-champion-one, .m-new-skin-one{
    float: left;
    position: relative;
    width: 402px;
    height: 254px;
    background-color: #f7f6f6;
    /* border: 1px solid red; */
}
.pic-mask-0{
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/pic-mask-0.png)repeat;
    width: 100%;
    height: 133px;
}
.tip-championskin{
    position: absolute;
    display: block;
    left: 9px;
    top: 9px;
    width: auto;
    height: 20px;
    padding: 0 6px;
    font-size: 12px;
    text-align: center;
    color: #cdbe91;
    line-height: 19px;
    background-color: #000;
}
.intro-championskin{
    width: 100%;
    padding: 0 17px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 24px;
    font-size: 16px;
    font-weight: 700;
    color: #cdbe91;
}
.name-championskin{
    width: 100%;
    padding-left: 17px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 3px;
    font-size: 14px;
}
.name-championskin>a{
    color: #cfcfcf;
    text-decoration: none;
}
.m-new-champion-one>.inner-hover{
    position: absolute;
    top: 0;
    left: 0;
    width: 402px;
    height: 254px;
    overflow: hidden;
    background: url(../images/dark70-bg-repeat.png)repeat;
    display: none;
    z-index: 11;
}
.m-new-champion-one>.inner-hover>.border{
    display: block;
    position: absolute;
    left: 3px;
    top: 3px;
    background-position: 0 0;
    width: 396px;
    height: 248px;
}
.m-new-champion-one>.inner-hover>.p1{
    color: #cdbe91;
    font-size: 18px;
    position: absolute;
    left: 27px;
    top: 20px;
}
.m-new-champion-one>.inner-hover>.inner-hover-href{
    position: absolute;
    left: 25px;
    bottom: 18px;
    display: block;
    background-position: -401px -179px;
    width: 154px;
    height: 42px;
    color: #ffdb8b;
    font-size: 14px;
    text-align: center;
    line-height: 42px;
    transition: filter .5s;
    text-decoration: none;
}
.m-new-skin-one{
    margin-left: 16px;
}
/* .inner-hover-out{

} */
.m-version-nav{
    width: 496px;
    height: 255px;
    float: right;
    position: relative;
    padding-top: 51px;
    /* border: 1px solid red; */
}

.new-model>img, .new-version>img{
width: 240px;
height: 120px;
}
.new-model, .new-version{
    background-color: #f7f6f6;
    position: relative;
    float: left;
    width: 240px;
    height: 120px;
    overflow: visible;
    margin-bottom: 15px;
}
.club-developer{
    float: right;
    width: 242px;
    height: 180px;
    position: relative;
    /* background-color: #f7f6f6; */
}
.week-free-a{
    display: block;
    background-position: -194px -253px;
    width: 239px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    font-size: 16px;
    color: #fff;
}
.week-free-champion{
    float: right;
    width: 239px;
    height: 58px;
    overflow:visible;
    position: relative;
    margin-top: 17px;
}
.inline-icon-0-left{
    background-position: -531px -226px;
    width: 20px;
    height: 9px;
}
.more-arrow-1{
    background-position: -342px -99px;
    width: 15px;
    height: 9px;
}
.inline-icon-0-left , .inline-icon-0-right{
    display: inline-block;
    vertical-align: middle;
    margin:-1px 12px 0 12px;
    opacity:  .7;
}
.inline-icon-0-right{
    background-position: -506px -226px;
    width: 20px;
    height: 9px;
}
.hover-img1{
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}


/* <!-- part 2 视频专辑 --> */
.g-wrap-vp {
    width: 100%;
    min-width: 1358px;
    background-color: #e3e2e2;
    padding: 64px 0 66px 0;
    *zoom: 1;
    position: relative;
    top: 70px;
    height: 460px;
}
/* <!--part 3 赛事中心--> */
.g-wrap-vp>.g-wrap{
    padding-bottom: 0;
}
/* 最新视频 */
.g-wrap{
    /* margin-top: 20px; */
    width: 1358px;
    height: auto;
    margin: 0 auto;
}
.m-fresh-video{
    width: 820px;
    height: 463px;
    float: left;
    /* background-color: deepskyblue; */
    /* border: 1px solid red; */
}
.part-top-tab{
    width: 100%;
    height: 35px;
    overflow: hidden;
    position: relative;
}
.part-h2-title{
    position: absolute;
    width: auto;
    height: 28px;
    top: 5px;
    left: -6px;
    box-sizing: border-box;
    color: #0b0b0b;
    font-size: 24px;
    line-height: 24px;
    font-weight: 400;
    display: inline-block;
    /* border-left: 2px solid red; */
}

.part-tab-title>a{
    text-decoration: none;
}
.part-tab-title{
    /* padding-left: 10px; */
    position: absolute;
    height: 35px;
    left: 128px;
    box-sizing: border-box;
    border-bottom: 1px gainsboro solid;
}
.part-tab-title>li>.icon-new-1{
    position: absolute;
    right: -30px;
    top: 10px;
}
.herf-more{
    position: absolute;
    top: 0px;
    right: 2px;
    display: block;
    width: auto;
    height: 35px;
    font-size: 12px;
    color: #7ea1a6;
    line-height: 35px;
    z-index: 1;
    text-decoration: none;
}
.change-batche{
    position: absolute;
    right: 90px;
    top: 0;
    display: block;
    width: auto;
    height: 35px;
    font-size: 12px;
    line-height: 35px;
    color: #7ea1a6;
}
.change-batche .icon-hyp{
    position: absolute;
    right: -24px;
    top: 12px;
    width: 15px;
    height: 13px;
    /* background-color:#000; */
    margin-right: -10px;
    border-right: 1px solid gainsboro;
    padding-right: 3px;
}
.change-batche>.icon-hyp{
    background-position: -308px -99px;
}
/* <!-- 模块内容 --> */
.fresh-video-content{
    width: 840px;
    height: auto;
    min-height: 130px;
    position: relative;
    margin-top: 32px;
    overflow: hidden;
    /* background-color: red; */
}
.video-item{
    list-style: none;
    float: left;
    width: 193px;
    height: 185px;
    overflow: hidden;
    margin:0 16px 16px 0;
    position: relative;
    /* background-color: red; */
    /* background: url(../images/hot3.jpg) */
}
.video-item>.mask-img{
    display: block;
    width: 193px;
    height: 107px;
    overflow: hidden;
    position: relative;
    /* border: 1px solid red; */
}
.video-item>.video-length{
    position: absolute;
    right: 10px;
    top: 85px;
    color: #000;
    font-size: 12px;
}
.video-item>.video-name{
    position: absolute;
    left: 0;
    top: 118px;
    width: 100%;
    height: 42px;
    overflow: hidden;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 21px;
    color: #424242;
}
.video-item>.play-times{
    position: absolute;
    left: 9px;
    bottom: 4px;
    font-size: 12px;
    color: #919091;
}
.video-item>.update-time{
    position: absolute;
    right: 9px;
    bottom: 4px;
    font-size: 12px;
    color: #919091;
}

/* 热门专辑 */
.m-hotprogram{
    float: right;
    width: 496px;
}
.part-top-tab{
    width: 100%;
    height: 35px;
    overflow: visible;
    position: relative;
}
.m-hotprogram>.part-tab-title{
    border-bottom-color: #d6d7d8;
    width: 367px;
}
/* .part-tab-title{
    position: absolute;
    height: 35px;
    left: 128px;
    box-sizing: border-box;
    border-bottom: 1px #e0e2e2 solid;   
} */
.m-fresh-video>.part-top-tab>.part-tab-title>li{
    margin-right: 40px;
}
.m-hotprogram>.part-tab-title>li{
    margin-right: 5px;
}

/* 赛事中心 */
.g-wrap-match {
    width: 1358px;
    height: auto;
    margin: 0 auto;
    padding: 64px 0 80px 0;
    *zoom: 1;
}
.indexpart-show {
    visibility: visible!important;
    animation: bottomin-1 .6s ease;
    -webkit-animation: bottomin-1 .6s ease;
}
.g-wrap-match:after {
    content: '\20';
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
    clear: both;
}

/* 赛事中心内容容器 */
.m-events-container {
    width: 100%;
    height: auto;
    min-height: 300px;
    position: relative;
    padding-top: 26px;
}
.match-show {
    animation: opacityin .3s;
    -webkit-animation: opacityin .3s;
}
.event-type-0 {
    width: 1358px;
    height: auto;
    *zoom: 1;
}
.recent-gamelist5 {
    width: 1375px;
}
.recent-gamelist {
    height: auto;
    position: relative;
}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    /* direction: ltr; */
    z-index: 1;
}
.recent-gamelist-container>ul {
    width: auto;
    height: 198px;
    overflow: hidden;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    box-sizing: content-box;
}
.gamelist-item {
    list-style: none;
    float: left;
    width: 259px!important;
    height: 198px;
    margin-right: 16px;
    position: relative;
    background-color: #fefefe;
}
/* 直播情况 */
.gamelist-item-topbar {
    width: 100%;
    height: 28px;
    box-sizing: border-box;
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    position: absolute;
    left: 0;
    top: 0;
}
.gamelist-item-topbar.wait {
    background-color: #bfa57d;
}
.gamelist-item-topbar>i {
    display: block;
    background: url(../images/hua1.png) repeat-x 0 0;
    width: 285px;
    height: 28px;
    position: absolute;
    left: 0;
    top: 0;
}
.gamelist-team-a>span, .gamelist-team-b>span {
    display: block;
    width: 85px;
    height: 65px;
    line-height: 65px;
    text-align: center;
}
.gamelist-team-a>span>img, .gamelist-team-b>span>img {
    display: inline-block;
    vertical-align: middle;
    max-width: 50px;
    width: auto;
    height: auto;
}
.gamelist-item-topbar>.span1 {
    float: left;
    font-weight: 700;
    margin-left: 12px;
    position: relative;
}
.gamelist-item-topbar>.span3 {
    float: right;
    margin-right: 12px;
    position: relative;
}
.gamelist-item-topbar>.span2 {
    float: right;
    margin-right: 14px;
    position: relative;
}
.gamelist-team-a {
    left: 6px;
    top: 38px;
}
.gamelist-team-a, .gamelist-team-b {
    position: absolute;
    width: 85px;
    height: 85px;
    overflow: hidden;
    text-align: center;
}
.gamelist-team-a>a, .gamelist-team-b>a {
    color: #385155;
    font-size: 14px;
    line-height: 20px;
}
.gamelist-team-b {
    right: 6px;
    top: 38px;
}
/* 赛局比分 */
.gamelist-score {
    display: block;
    width: 86px;
    height: 40px;
    color: #171717;
    font-weight: 700;
    text-align: center;
    line-height: 40px;
    position: absolute;
    top: 54px;
    left: 50%;
    font-size: 0;
    margin-left: -43px;
}
.gamelist-score>a {
    font-size: 34px;
    margin: 0 2px;
}
/* 观看直播 */
.gamelist-wait {
    display: block;
    width: 86px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    box-sizing: border-box;
    border: 1px #bb9a6c solid;
    color: #bb9a6c;
    margin: 105px auto 0 auto;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
}
/* 比赛类型 */
.gamelist-item>.p1 {
    margin-top: 12px;
}
.gamelist-item>.p1, .gamelist-item>.p2 {
    width: 100%;
    line-height: 1.5;
    font-size: 12px;
    text-align: center;
    color: #727272;
}

/* 每周最佳阵容 */
.power-rank {
    float: left;
    width: 820px;
    height: 313px;
    margin-top: 38px;
}
.lpl-regular-season .part-h2-title {
    font-weight: bold;
}
.power-rank .part-h2-title {
    font-size: 18px;
    color: #0b0b0b;
    left: 0;
}
.LPL_R_power-rank-list {
    width: 840px;
    height: 257px;
    overflow: hidden;
    margin-top: 21px;
}
.lpl-regular-season .LPL_R_power-rank-list {
    position: relative;
}
.LPL_R_player-item {
    list-style: none;
    float: left;
    width: 151px;
    height: 257px;
    margin-right: 16px;
    background-color: #fefefe;
}
.LPL_R_pic-player {
    width: 151px;
    height: 203px;
    position: relative;
    background-color: #fefefe;
}
.LPL_R_pic-player .player {
    position: absolute;
    display: block;
    width: 151px;
    height: auto;
    bottom: 0;
    left: 0;
}
.LPL_R_pic-player .LPL_R_power-rank-role {
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
    text-align: center;
    width: 30px;
    height: 30px;
}
.LPL_R_pic-player .LPL_R_power-rank-role>i {
    display: inline-block;
    vertical-align: middle;
}
.LPL_R_pic-player .player-team-logo {
    display: block;
    width: 30px;
    height: auto;
    position: absolute;
    top: 8px;
    right: 9px;
}
.LPL_R_player-item .player-name {
    color: #424242;
    font-size: 16px;
    width: 100%;
    height: 54px;
    line-height: 54px;
    box-sizing: border-box;
    text-align: center;
}

/* 积分榜 */
.event-type-0 .score-rank {
    float: right;
}
.score-rank {
    width: 496px;
    height: auto;
    margin-top: 38px;
}
.score-rank .part-h2-title {
    font-size: 18px;
    color: #0b0b0b;
    left: 0;
}
.score-rank-content {
    width: 496px;
    height: 257px;
    margin-top: 21px;
}
.score-rank-list-title {
    width: 496px;
    height: 32px;
    line-height: 32px;
    box-sizing: border-box;
    padding: 0 18px;
    color: #151517;
    font-size: 16px;
    font-weight: 400;
    background-color: #e0e0e0;
}
.score-rank-list-title>a {
    float: left;
}
.score-rank-list-title>.a-1 {
    width: 44px;
}
.score-rank-list-title>.a-2 {
    width: 124px;
    margin-left: 69px;
}
.score-rank-list-title>.a-3 {
    width: 100px;
    text-align: center;
    margin-left: 45px;
}
.score-rank-list-title>.a-4 {
    float: right;
    width: 44px;
    text-align: center;
}
.event-type-0 .score-rank-list-container {
    height: 225px;
}
.score-rank-list-container {
    width: 496px;
    background-color: #fefefe;
    overflow: hidden;
    position: relative;
}


/* 英雄的资料 */
.g-wrap-championlist {
    height: auto;
    margin-top: 0;
    padding: 66px 0 66px 0;
    position: relative;
    width: 100%;
    min-width: 1358px;
    overflow: hidden;
    background-color: #e3e2e2;
}


/* 英雄列表 */
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    direction: ltr;
    z-index: 1;
    /* background-color: skyblue; */
}
.m-champion-list-container {
    width: 1395px;
    height: 438px;
    overflow: hidden;
    margin-top: 21px!important;
    position: relative;
}
.swiper-slide {
    float: left;
    box-sizing: content-box;
}
.m-champion-list-container .champion-item {
    list-style: none;
    float: left;
    width: 90px;
    height: 100px;
    overflow: visible;
    margin: 0 16px 12px 0;
    position: relative;
    cursor: pointer;
}
.m-champion-list-container .champion-item>p {
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #333;
}
.m-champion-list-container .champion-item>img {
    display: block;
    margin: 0 auto;
    width: 66px;
    height: 66px;
}
.m-champion-list-container .hover-icon {
    display: none;
    position: absolute;
    width: 66px;
    height: 66px;
    top: 0;
    left: 12px;
    background: url(../images/dark70-bg-repeat.png) repeat;
}


/* 第五部分 */
.g-wrap-fanart {
    width: 1358px;
    height: auto;
    margin: 0 auto;
    padding: 66px 0 82px 0;
}
/* 第五部分创作镇 */
.fanart-left {
    width: 820px;
    float: left;
}
/* 第五部分模版内容 */
.fanart-left-content {
    width: 840px;
    height: 368px;
    position: relative;
    overflow: hidden;
    margin-top: 21px;
}
.fanart-left-content>li {
    list-style: none;
    float: left;
    width: 192px;
    height: 176px;
    position: relative;
    overflow: hidden;
    background-color: #e3e2e2;
    margin: 0 17px 17px 0;
}
.fanart-left-content>li>a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.fanart-left-content>li .fanart-img {
    display: block;
    transition: transform .3s;
    transform: scale(1);
    width: 192px;
    height: 192px;
    position: absolute;
    left: 0;
    top: -8px;
}
/* hover的 */
.innerhover-bottom {
    background: url(../images/dark70-bg-repeat.png) repeat;
    position: absolute;
    bottom: -100%;
    left: 0;
    padding: 0 8px 6px 10px;
    box-sizing: border-box;
    -webkit-transition: bottom .3s;
    transition: bottom .3s;
}
.innerhover-bottom .p1 {
    width: 100%;
    line-height: 24px;
    font-size: 12px;
    text-align: left;
    padding: 8px 0 8px 2px;
    box-sizing: border-box;
}
.innerhover-bottom .p1>a {
    color: #fff;
}
.innerhover-bottom .p2 {
    font-size: 14px;
}
.innerhover-bottom .p2>a {
    color: #b2b2b2;
}
.innerhover-bottom .a1>img {
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -6px;
    margin-right: 4px;
    border-radius: 50%;
}
/* 左边专栏 */
.fanart-right {
    width: 496px;
    float: right;
}
.main-column {
    width: 241px;
    height: 411px;
    overflow: hidden;
    float: left;
    margin-top: 13px;
    position: relative;
    transition: transform .3s,filter .3s;
}
.main-column>.p1 {
    position: absolute;
    left: 0;
    bottom: 103px;
    text-align: center;
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
}
.inline-icon-1 {
    background-position: -484px -226px;
    width: 17px;
    height: 17px;
}
.inline-icon-1 {
    display: inline-block;
    vertical-align: middle;
    margin: -3px 10px 0 10px;
}


/* 右边专栏 */
.fanart-right-right {
    float: right;
    margin-top: 55px;
}
.fanart-right-right>.herf-right-1 {
    list-style: none;
    margin-bottom: 16px;
    position: relative;
    display: block;
    width: 240px;
    height: 87px;
    overflow: hidden;
}
.fanart-right-right>.herf-right-1>a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 16px;
    line-height: 87px;
}
.fanart-right-right>.herf-right-1>img {
    position: absolute;
    left: 0;
    top: 0;
}
.href-partner {
    display: block;
    background-position: -193px -253px;
    width: 239px;
    height: 58px;
    line-height: 58px;
    overflow: visible;
    position: relative;
    z-index: 2;
    float: right;
    margin-top: 2px;
}
.href-partner>a {
    color: #fff;
    font-size: 16px;
    display: block;
    text-align: center;
}

.inline-icon-0-left {
    background-position: -531px -226px;
    width: 20px;
    height: 9px;
}

.partner-list-container {
    display: none;
    z-index: 1;
    width: 239px;
    height: 266px;
    padding: 6px 0;
    background-color: #fff;
    position: absolute!important;
    left: 0;
    top: 58px;
    overflow: hidden;
    box-shadow: 0 3px 10px #ccc;
    text-align: left;
}



/* 终于到底部了 */
